<template>
  <div>
    <!-- appear 进来就可以显示动画 -->
    <transition name="move" mode="out-in" appear>
        <router-view>
        </router-view>
    </transition>
  </div>
</template>

<script>
import '@/assets/css/Normalize.css'
import '@/assets/js/rem.js'
export default {

}
</script>

<style>
    html{
      font-size: 100px;
    }
    body{
      font-size: .3em;
    }

    /* .move-leave-active , .move-enter-active {
      transition: all 1s;
    } */

    .move-leave-to{
      transform: translate(100% 0);
    }

    .move-enter{
      transform: translate(-100% 0);
    }
</style>